<!DOCTYPE html>
<html class="htmlClass">
  <head>
    <meta charset="utf-8">
    <title>ysc</title>
    <% if (htmlWebpackPlugin.options.nodeModules) { %>
      <!-- Add `node_modules/` to global paths so `require` works properly in development -->
      <script>
        require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
      </script>
    <% } %>
    <link rel="stylesheet" href="./static/font/iconfont.css">
    <style>
      .htmlClass{
        padding:5px;
        box-sizing:border-box;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
      .bodyClass{
        height:100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        color:#fff;
        margin:0px;
        padding:0px;
        -webkit-user-select: none;
        box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        position: relative;
        overflow: hidden;
      }
      .backgroundClass{
        position:absolute;
        background: #f50;
        z-index: -1;
        border-radius: 3px;
        background: url(static/bg.jpeg);
        background-size: cover;
        filter: blur(20px);
        left: -50px;
        right: -50px;
        top: -50px;
        bottom: -50px;
      }
      .mainWindow{
        display: flex;
        flex-direction:column;
        width:100%;
        height:100%
      }
      a{
        color: #fff;
        text-decoration:none;
        blr:expression(this.onFocus=this.blur());
      }
      a.hidefocus{
        outline:none;
      }
      a:focus{outline:none;}
      a,ul,li{
        list-style:none;
      }
      html {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
      }
      p{
        margin:0px;
      }
    </style>
  </head>
  <body class="bodyClass" ondragstart="return false" ondrop ="return false" ondragover="return false">
    <!--专用于背景色，背景色放置首页，提高页面加载速度-->
    <div class="backgroundClass"></div>
    <!--主窗口（暂时先用flex布局）-->
    <div class="mainWindow">
      <div id="app"></div>
    </div>
    <!-- Set `__static` path to static files in production -->
    <script>
      if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
    </script>

    <!-- webpack builds are automatically injected -->
  </body>
</html>
